.detail-page {
  height: 100vh;
  display: flex;
  flex-direction: column;

  .page {
    flex: 1;

    background-color: var(--gray-gray-1, #F4F5F7);
    overflow: auto;

    .page-item {
      margin-left: 24px;
      margin-right: 24px;
      margin-top: 16px;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      align-self: stretch;
      border-radius: 16px;
      background-color: var(--gray-white, #FFF);

      &:last-child {
        margin-bottom: 32px;
      }
    }

    .urge-change {
      position: absolute;
      right: 32px;
      top: 28px;
      border-radius: 8px;
      border: 1px solid var(--blue, #3C6BFF);
      background: var(--gray-white, #FFF);
      padding: 6px 16px;
      color: var(--blue, #3C6BFF);
      text-align: center;
      font-size: 24px;
      font-style: normal;
      font-weight: 500;
    }

    .urge-change-done {
      border: 1px solid var(--gray-gray-4, #B1B9C4);
      color: var(--gray-gray-4, #B1B9C4);
    }

    .urge-change-hidden {
      display: none;
    }


    .van-tabs {
      margin-left: 8px;
      margin-top: 18px;
      width: calc(100%);
      padding-left: 0px;
      padding-right: 0px;
    }

    .van-sticky {
      margin-bottom: 10px;

      .van-sticky-wrap {
        .van-tabs__nav {
          height: 80px;

          .van-tab {
            flex: none;

            .van-ellipsis {
              padding-left: 24px;
              padding-right: 24px;
              padding-top: 10px;
              font-size: 32px;
              line-height: 1;
              height: 60px;
            }
          }

          .van-tabs__line {
            background-color: #3c6bff;
            border-radius: 8px 8px 0 0 !important;
          }
        }

      }
    }

  }


  .page-hidden {
    overflow: hidden;
  }


  .bottom {
    background: var(--gray-white, #FFF);
    box-shadow: 0px 2px 16px 0px rgba(56, 79, 113, 0.16);
    padding: 32px 48px;

    .ask-kf {
      border-radius: 16px;
      background: var(--blue, #3C6BFF);
      height: 92px;
      color: #FFF;
      text-align: center;
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 92px;
    }

  }

}